﻿<h4>Sales Per Product</h4>
<div class="row-fluid">
    <form id="frFilterSalesByProduct">
        <div class="span4">
            <div id="GroupBy" class="modal hide fade in" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false" style="display: none;">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h5 id="myModalLabel">Group By</h5>
                </div>
                <div class="modal-body">
                    <div class="row-fluid">
                        <div class="span4"><label><input type="checkbox" class="cbcheck" name="GroupByColumns" value="ordered" checked="checked"/>Orderred Type</label></div>
                        <div class="span4"><label><input type="checkbox" class="cbcheck" name="GroupByColumns" value="DepartmentName" checked="checked"/>Department Name</label></div>
                        <div class="span4"><label><input type="checkbox" class="cbcheck" name="GroupByColumns" value="Product" checked="checked"/>Product</label></div>
                    </div>
                    <div class="row-fluid">
                        <div class="span4"><label><input type="checkbox" class="cbcheck" name="GroupByColumns" value="Store" checked="checked"/>Store</label></div>
                        <div class="span4"><label><input type="checkbox" class="cbcheck" name="GroupByColumns" value="Supplier" checked="checked"/>Supplier</label></div>
                        <div class="span4"><label><input type="checkbox" class="cbcheck" name="GroupByColumns" value="Disp" checked="checked"/>Display</label></div>
                    </div>
                </div>
                <div class="modal-footer">
                    <a class="btn btn-primary" data-dismiss="modal" aria-hidden="true">OK</a>
                    <a class="btn" data-dismiss="modal" aria-hidden="true">Close</a>
                </div>
            </div>

            <div class="row-fluid">
                <div class="span4">Store: </div>
                <div class="span8">@Html.DropDownList("StoreId",null,new{@class="input-block-level"})</div>
            </div>
            <div class="row-fluid">
                <div class="span4">Supplier: </div>
                <div class="span8">@Html.DropDownList("CompanyId",null,new{@class="input-block-level"})</div>
            </div>
        </div>
        <div class="span6" style="margin-top: -10px;">
            @Html.Partial("Partial/_DateRange")
        </div>
        <div class="span2">
            <button type="submit"  class="btn btn-primary">Search</button>
            <a href="#GroupBy"data-toggle="modal" class="btn btn-primary">Group By</a>
            <div style="margin-top: 10px;">
                <button type="button" class="btn btn-primary" onclick="ExportCSVWithHead($('#tbSalesByProduct'),'SalesByProducts.csv',$('#tbSalesByProducthead'))">Export to excel</button>
            </div>
        </div>
    </form>
</div>
<div class="row-fluid" id="FilterSalesByProductResult"></div>